<template>
	<view class="pd15">
		<u-tabs :list="tabs" lineWidth="30" lineColor="rgba(11, 144, 249, 1)" :scrollable="false" :activeStyle="{
		    color: '#fff',
		    fontWeight: 'bold',
		    transform: 'scale(1.05)'
		}" :inactiveStyle="{
		    color: '#fff',
		    transform: 'scale(1)'
		}" itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;" @click="clickTab"></u-tabs>
		<view class="item-content mt15" v-for="(item,index) in 4" :key="index">
			<view class="flex space cl-w">
				<view>{{$t('text.recharge')}}</view>
				<view>+50</view>
			</view>
			<view class="flex space ft12 mt15 cl-w8">
				<view>2021-10-20  02:45:12</view>
				<view>{{$t('play.ye')}} 50</view>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		
		data() {
			return {
				tabs: [{
						name: this.$t('text.quanbu'),
					},
					{
						name: this.$t('text.zhichu')
					},
					{
						name: this.$t('text.shouyi')
					}
				],
				selectIndex: 0,
			}
		},
		onLoad(e) {
			//console.log(111)

		},

		methods: {

		}
	}
</script>

<style lang="scss">
	.item-content{
		background: rgba(255, 255, 255, 0.1);
		border-radius: 10rpx;
		padding: 30rpx;
	}
</style>